<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>会员信息</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../css/mui.picker.min.css" />
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/util/utils.css">
		<style>
			html,
			body {
				background-color: #efeff4;
			} 
			
			.mui-views,
			.mui-view,
			.mui-pages,
			.mui-page,
			.mui-page-content {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				background-color: #efeff4;
			}
			
			.mui-pages {
				top: 46px;
				height: auto;
			}
			
			.mui-scroll-wrapper,
			.mui-scroll {
				background-color: #efeff4;
			}
			
			.mui-page.mui-transitioning {
				-webkit-transition: -webkit-transform 300ms ease;
				transition: transform 300ms ease;
			}
			
			.mui-page-left {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}
			
			.mui-ios .mui-page-left {
				-webkit-transform: translate3d(-20%, 0, 0);
				transform: translate3d(-20%, 0, 0);
			}
			
			.mui-navbar {
				position: fixed;
				right: 0;
				left: 0;
				z-index: 10;
				height: 44px;
				background-color: #f7f7f8;
			}
			
			.mui-navbar .mui-bar {
				position: absolute;
				background: transparent;
				text-align: center;
			}
			
			.mui-android .mui-navbar-inner.mui-navbar-left {
				opacity: 0;
			}
			
			.mui-ios .mui-navbar-left .mui-left,
			.mui-ios .mui-navbar-left .mui-center,
			.mui-ios .mui-navbar-left .mui-right {
				opacity: 0;
			}
			
			.mui-navbar .mui-btn-nav {
				-webkit-transition: none;
				transition: none;
				-webkit-transition-duration: .0s;
				transition-duration: .0s;
			}
			
			.mui-navbar .mui-bar .mui-title {
				display: inline-block;
				width: auto;
			}
			
			.mui-page-shadow {
				position: absolute;
				right: 100%;
				top: 0;
				width: 16px;
				height: 100%;
				z-index: -1;
				content: '';
			}
			
			.mui-page-shadow {
				background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
				background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
			}
			
			.mui-navbar-inner.mui-transitioning,
			.mui-navbar-inner .mui-transitioning {
				-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
				transition: opacity 300ms ease, transform 300ms ease;
			}
			
			.mui-page {
				display: none;
			}
			
			.mui-pages .mui-page {
				display: block;
			}
			
			.mui-page .mui-table-view:first-child {
				margin-top: 15px;
			}
			
			.mui-page .mui-table-view:last-child {
				margin-bottom: 30px;
			}
			
			.mui-table-view {
				margin-top: 20px;
			}
			
			.mui-table-view span.mui-pull-right {
				color: #999;
			}
			
			.mui-table-view .mui-pull-right {
				color: #999;
				display: block;
				margin-top: -6px;
			}
			
			.mui-table-view-divider {
				background-color: #efeff4;
				font-size: 14px;
			}
			
			.mui-table-view-divider:before,
			.mui-table-view-divider:after {
				height: 0;
			}
			
			.head {
				height: 40px;
			}
			
			#head {
				line-height: 40px;
			}
			
			.head-img {
				width: 40px;
				height: 40px;
			}
			
			#head-img1 {
				position: absolute;
				bottom: 10px;
				right: 40px;
				width: 40px;
				height: 40px;
			}
			
			.update {
				font-style: normal;
				color: #999999;
				margin-right: -25px;
				font-size: 15px
			}
			
			.mui-fullscreen {
				position: fixed;
				z-index: 20;
				background-color: #000;
			}
			
			.mui-ios .mui-navbar .mui-bar .mui-title {
				position: static;
			}
			/*问题反馈在setting页面单独的css*/
			
			#feedback .mui-popover {
				position: fixed;
			}
			
			#feedback .mui-table-view:last-child {
				margin-bottom: 0px;
			}
			
			#feedback .mui-table-view:first-child {
				margin-top: 0px;
			}
			/*问题反馈在setting页面单独的css==end*/
			
			select option{
				direction: rtl;
			}
			
			.mui-bar .mui-btn-link {
			    color: #00A8C6;
			}
		</style>
	</head>

	<body class="mui-fullscreen" style="background-color: white;">
		<!--页面主结构开始-->
		<div id="app" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->
		<!--单页面开始-->
		<div id="dv-myInfo" class="mui-page">
			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">会员信息</h1>
			</div>
			<!--页面标题栏结束-->
			<!--页面主内容区开始-->
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
					
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#myInfo" class="mui-navigate-right">我的资料</a>
							</li>
						</ul>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell">
								<a href="#bigBaby" class="mui-navigate-right">大宝信息</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="#twoBaby" class="mui-navigate-right">二宝信息</a>
							</li>
							<li class="mui-table-view-cell">
								<a href="#threeBaby" class="mui-navigate-right">三宝信息</a>
							</li>
						</ul>
					
					</div>
				</div>
			</div>
			<!--页面主内容区结束-->
		</div>
		<!--单页面结束-->
		<div id="myInfo" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left" style="color: #00A8C6;">
					<span class="mui-icon mui-icon-left-nav"></span>会员信息
				</button>
				<h1 class="mui-center mui-title">个人信息</h1>
			</div>
			<div class="mui-page-content">
				
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll" style="background-color: white;">
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">家长身份</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; color: #909090;"><select id="sel_famIdentity" style="font-size: 14px; padding: 0px;">
									<option value="父亲">父亲</option>
									<option value="母亲">母亲</option>
								</select></span>
								<span style="display: block; margin-top: 2px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">姓名</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_famName" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">昵称</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_famNick" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">职业</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; color: #909090; direction: rtl;"><select id="ipt_famJob" style="font-size: 14px; padding: 0px;">
									<option value="ZYLB_QXZ">请选择职业</option>
									<option value="ZYLB_GWY">公务员</option>
									<option value="ZYLB_JS">教师</option>
									<option value="ZYLB_QYZ">企业主</option>
									<option value="ZYLB_QYZGCGL">企业中高层管理</option>
									<option value="ZYLB_QYYXCZRY">企业一线操作人员</option>
									<option value="ZYLB_ZYJSRY">专业技术人员</option>
									<option value="ZYLB_ZYZYZ">自由职业者</option>
									<option value="ZYLB_QT">其他</option>
								</select></span>
								<span style="display: block; margin-top: 2px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">生日</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block;">
									<button id="ipt_famAge" style="height: 24px; font-size: 14px; color: #909090; margin-top: -5px; text-align: right; border:0; padding-right: 0px;" data-options='{"type":"date","beginYear":1914,"endYear":2116}'>选择日期</button>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">教育程度</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; color: #909090;"><select id="ipt_famEdu" style="font-size: 14px; padding: 0px;">
									<option value="EDU_CZJYX">初中及以下</option>
									<option value="EDU_GZZZ">高中/中专</option>
									<option value="EDU_DX">大学</option>
									<option value="EDU_SSJYS">硕士及以上</option>
								</select></span>
								<span style="display: block; margin-top: 2px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">年收入</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; color: #909090;"><select id="ipt_famIncome" style="font-size: 14px; padding: 0px;">
									<option value="5WYX">5万以下</option>
									<option value="5~10W">5~10万</option>
									<option value="10~20W">10~20万</option>
									<option value="20~50W">20~50万</option>
									<option value="5WYS">50万以上</option>
								</select></span>
								<span style="display: block; margin-top: 2px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 20px; text-align: center;">
							<button id="btn_saveInfo" style="background-color: #00A8C6; width: 80%; height: 40px; font-size: 17px; color: #FFFFFF;">保存</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="bigBaby" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>会员信息
				</button> 
				<h1 class="mui-center mui-title">大宝信息</h1>
			</div>
			<input type="hidden" id="bigBabyId" value="" />
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll" style="background-color: white;">
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">姓名</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyBigName" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">性别</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; color: #909090;"><select id="sel_BabyBigSex" style="font-size: 14px; padding: 0px;">
									<option value="男">男</option>
									<option value="女">女</option>
								</select></span>
								<span style="display: block; margin-top: 2px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">生日</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block;">
									<button id="btn_BabyBigBir" style="height: 24px; font-size: 14px; color: #909090; margin-top: -5px; text-align: right; border:0; padding-right: 0px;" data-options='{"type":"date","beginYear":1914,"endYear":2116}'>选择日期</button>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">省份</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; color: #909090; direction: rtl;">
									<select id="ipt_BabyBigProvince" name="ipt_BabyBigProvince" style="font-size: 14px; padding: 0px; direction: rtl;">
									</select>
								</span>
								
								<span style="display: block; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">市级</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090; direction: rtl;">
									<select id="ipt_BabyBigCity" name="ipt_BabyBigCity" style="font-size: 14px; padding: 0px; direction: rtl;">
									</select>
								</span>
								
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">县/区</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090; direction: rtl;">
									<select id="ipt_BabyBigCounty" name="ipt_BabyBigCounty" style="font-size: 14px; padding: 0px; direction: rtl;">
									</select>
								</span>
								
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">详细地址</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyBigAddress" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">学校</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090; direction: rtl;">
									<select id="ipt_BabyBigSchool" style="font-size: 14px; padding: 0px; direction: rtl;">
									</select>
								</span>
								
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">年级</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090; direction: rtl;">
									<select id="ipt_BabyBigGrade" style="font-size: 14px; padding: 0px; direction: rtl;">
									</select>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						
						<!--<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">班级</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090;">
									<select id="ipt_BabyBigClass" style="font-size: 14px; padding: 0px;">
									</select>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />-->
						
						<div id="bigBanji" style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">班级填写</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyBigClass" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						
						<!--<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">老师</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyBigTea" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />-->
						
						<div style="margin-top: 20px; text-align: center;">
							<button id="btn_saveBigBaby" style="background-color: #00A8C6; width: 80%; height: 40px; font-size: 17px; color: #FFFFFF;">保存</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	
		<div id="twoBaby" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>个人信息
				</button>
				<h1 class="mui-center mui-title">二宝信息</h1>
			</div>
			<input type="hidden" id="TwoBabyId" value="" />
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll" style="background-color: white;">
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">姓名</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyTwoName" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">性别</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; color: #909090;"><select id="sel_BabyTwoSex" style="font-size: 14px; padding: 0px;">
									<option value="男">男</option>
									<option value="女">女</option>
								</select></span>
								<span style="display: block; margin-top: 2px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">生日</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block;">
									<button id="btn_BabyTwoBir" style="height: 24px; font-size: 14px; color: #909090; margin-top: -5px; text-align: right; border:0; padding-right: 0px;" data-options='{"type":"date","beginYear":1914,"endYear":2116}'>选择日期</button>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">学校</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090;">
									<select id="ipt_BabyTwoSchool" style="font-size: 14px; padding: 0px;">
									</select>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">年级</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090;">
									<select id="ipt_BabyTwoGrade" style="font-size: 14px; padding: 0px;">
									</select>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">班级填写</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyTwoClass" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<!--<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">老师</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyTwoTea" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />-->
						
						<div style="margin-top: 20px; text-align: center;">
							<button id="btn_saveTwoBaby" style="background-color: #00A8C6; width: 80%; height: 40px; font-size: 17px; color: #FFFFFF;">保存</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="threeBaby" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>个人信息
				</button>
				<h1 class="mui-center mui-title">三宝信息</h1>
			</div>
			<input type="hidden" id="threeBodyId" value="" />
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll" style="background-color: white;">
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">姓名</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyThreeName" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">性别</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; color: #909090;"><select id="sel_BabyThreeSex" style="font-size: 14px; padding: 0px;">
									<option value="男">男</option>
									<option value="女">女</option>
								</select></span>
								<span style="display: block; margin-top: 2px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">生日</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block;">
									<button id="btn_BabyThreeBir" style="height: 24px; font-size: 14px; color: #909090; margin-top: -5px; text-align: right; border:0; padding-right: 0px;" data-options='{"type":"date","beginYear":1914,"endYear":2116}'>选择日期</button>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">学校</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090;">
									<select id="ipt_BabyThreeSchool" style="font-size: 14px; padding: 0px;">
									</select>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">年级</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px; color: #909090;">
									<select id="ipt_BabyThreeGrade" style="font-size: 14px; padding: 0px;">
									</select>
								</span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">班级填写</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyThreeClass" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />
						
						
						<!--<div style="margin-top: 10px; height: 30px; padding-top: 4px;">
							<span style="display: block; float: left; margin-left: 10px; color: #616161;">老师</span>
							<div style="float: right; margin-right: 10px; margin-top: -4px; display: flex;">
								<span style="display: block; margin-top: 0px;">
									<input id="ipt_BabyThreeTea" style="text-align: right; padding: 0px; border: 0px; height: 22px; font-size: 14px; color: #909090;" type="text"></span>
								<span style="display: block; margin-top: 0px; margin-left: 20px;">
									<img src="../../img/right.png" style="width: 8px;"/>
								</span>
							</div> 
						</div>
						<hr class="levline" />-->
						
						<div style="margin-top: 20px; text-align: center;">
							<button id="btn_saveThreeBaby" style="background-color: #00A8C6; width: 80%; height: 40px; font-size: 17px; color: #FFFFFF;">保存</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/mui.view.js"></script>
	<script src="../../js/mui.picker.min.js"></script>
	<script src="../../js/utils/http.utils.js"></script>
	<script src="../../js/jquery-1.8.3.min.js"></script>
	<script>
		mui.init();
		var viewApi = mui('#app').view({
			defaultPage: '#dv-myInfo'
		});
		mui('.mui-scroll-wrapper').scroll();
		
		var view = viewApi.view;
		(function($) {
			var oldBack = $.back;
			$.back = function() {
				if(viewApi.canBack()) { 
					viewApi.back();
				} else { 
					oldBack();
				}
			};
			view.addEventListener('pageBeforeShow', function(e) {
			});
			view.addEventListener('pageShow', function(e) {
			});
			view.addEventListener('pageBeforeBack', function(e) {
			});
			view.addEventListener('pageBack', function(e) {
			});
		})(mui);
		
	</script>

	<script>
		(function($) {
			$.init();
			
			document.getElementById("ipt_famAge").addEventListener('tap', function() {
					var optionsJson = this.getAttribute('data-options') || '{}';
					var options = JSON.parse(optionsJson);
					var id = this.getAttribute('id');
					var picker = new $.DtPicker(options);
					picker.show(function(rs) {
						document.getElementById("ipt_famAge").innerHTML = rs.text;
						picker.dispose();
					});
			}, false);
			
			document.getElementById("btn_BabyBigBir").addEventListener('tap', function() {
					var optionsJson = this.getAttribute('data-options') || '{}';
					var options = JSON.parse(optionsJson);
					var id = this.getAttribute('id');
					var picker = new $.DtPicker(options);
					picker.show(function(rs) {
						document.getElementById("btn_BabyBigBir").innerHTML = rs.text;
						picker.dispose();
					});
			}, false);
			
			document.getElementById("btn_BabyTwoBir").addEventListener('tap', function() {
					var optionsJson = this.getAttribute('data-options') || '{}';
					var options = JSON.parse(optionsJson);
					var id = this.getAttribute('id');
					var picker = new $.DtPicker(options);
					picker.show(function(rs) {
						document.getElementById("btn_BabyTwoBir").innerHTML = rs.text;
						picker.dispose();
					});
			}, false);
			
			document.getElementById("btn_BabyThreeBir").addEventListener('tap', function() {
					var optionsJson = this.getAttribute('data-options') || '{}';
					var options = JSON.parse(optionsJson);
					var id = this.getAttribute('id');
					var picker = new $.DtPicker(options);
					picker.show(function(rs) {
						document.getElementById("btn_BabyThreeBir").innerHTML = rs.text;
						picker.dispose();
					});
			}, false);
			
		})(mui);
	</script>
	
	<script>
	
		//获取省份信息
		function getProvinceLst(){
			mui.ajax({
				url : $http_prefix + "/api/sys/provinceList",
				headers: {
					"Authorization": $headers_authorization
				},
				type : "get",
				dataType : "json",
				timeout : 1000,
				data : {
					
				},
				success : function(dat){
					if(dat.code == 0){
						if(dat.result != null && dat.result != ""){
							var $bigProvince = document.getElementById("ipt_BabyBigProvince");
							$bigProvince.options.length = 0;
							$bigProvince.options.add(new Option("请选择省份", "-1"));
							for(var i = 0; i < dat.result.length; i ++){
								$bigProvince.options.add(new Option(dat.result[i].name, dat.result[i].id));
							}
						}
					}
				}, error :function(err){
					
				}
			});
		}
		
		$("#ipt_BabyBigProvince").change(function(eve){
			if(this.value > 0)
			getCityLst(this.value);
		});
		
		//获取市级列表
		function getCityLst($proid){
			mui.ajax({
				url : $http_prefix + "/api/sys/cityList",
				headers: {
					"Authorization": $headers_authorization
				},
				type : "get",
				dataType : "json",
				timeout : 1000,
				data : {
					provinceId : $proid
				},
				success : function(dat){
					if(dat.code == 0){
						if(dat.result != null && dat.result != ""){
							var $bigCity = document.getElementById("ipt_BabyBigCity");
							$bigCity.options.length = 0;
							$bigCity.options.add(new Option("请选择市级", "-1"));
							for(var i = 0; i < dat.result.length; i ++){
								$bigCity.options.add(new Option(dat.result[i].name, dat.result[i].id));
							}
						}
					}
				}, error :function(err){
					
				}
			});
		}
		
		$("#ipt_BabyBigCity").change(function(eve){
			if(this.value > 0)
			getCountyLst(this.value);
		});
		
		
		function getCountyLst($cityId){
			mui.ajax({
				url : $http_prefix + "/api/sys/districtList",
				headers: {
					"Authorization": $headers_authorization
				},
				type : "get",
				dataType : "json",
				timeout : 1000,
				data : {
					cityId : $cityId
				},
				success : function(dat){
					if(dat.code == 0){
						if(dat.result != null && dat.result != ""){
							var $bigCounty = document.getElementById("ipt_BabyBigCounty");
							$bigCounty.options.length = 0;
							$bigCounty.options.add(new Option("请选择县/区", "-1"));
							for(var i = 0; i < dat.result.length; i ++){
								$bigCounty.options.add(new Option(dat.result[i].name, dat.result[i].id));
							}
						}
					}
				}, error :function(err){
					
				}
			});
		}
		
		$("#ipt_BabyBigCounty").change(function(eve){
			if(this.value > 0)
			getSchoolLst("", "", "", this.value);
		});
	
	
		//获取学校信息
		function getSchoolLst($lev, $na, $py, $co){
			mui.ajax({
				url : $http_prefix + "/api/school/schoolList",
				headers: {
					"Authorization": $headers_authorization
				},
				type : "get",
				dataType : "json",
				timeout : 1000,
				data : {
					level : $lev,
					name : $na,
					pinyin : $py,
					regionId : $co
				},
				success : function(dat){
					if(dat.code == 0){
						var $bigBabySel = document.getElementById("ipt_BabyBigSchool");
						var $twoBabySel = document.getElementById("ipt_BabyTwoSchool");
						var $threeBabySel = document.getElementById("ipt_BabyThreeSchool");
						$bigBabySel.options.length = 0;
						$twoBabySel.options.length = 0;
						$threeBabySel.options.length = 0;
						
						$bigBabySel.options.add(new Option("选择所在学校", "-1"));
						$twoBabySel.options.add(new Option("选择所在学校", "-1"));
						$threeBabySel.options.add(new Option("选择所在学校", "-1"));
						
						for (var i = 0; i < dat.result.length; i ++) {
							var $sch = dat.result[i];
							$bigBabySel.options.add(new Option($sch.schoolName, $sch.id));
							$twoBabySel.options.add(new Option($sch.schoolName, $sch.id));
							$threeBabySel.options.add(new Option($sch.schoolName, $sch.id));
						}
					}
				}, error : function(err){
					
				}
						
			});
		}
		
		//根据学校id获取年级列表
		function getGradeBySchId($schId){
			mui.ajax({
				url : $http_prefix + "/api/school/schoolGradeList",
				headers: {
					"Authorization": $headers_authorization
				},
				type : "get",
				dataType : "json",
				timeout : 1000,
				data : {
					schoolId : $schId
				},
				success : function(dat){
					if(dat.code == 0){
						var $bigGrade = document.getElementById("ipt_BabyBigGrade");
						var $twoGrade = document.getElementById("ipt_BabyTwoGrade");
						var $threeGrade = document.getElementById("ipt_BabyThreeGrade");
						$bigGrade.options.length = 0;
						$twoGrade.options.length = 0;
						$threeGrade.options.length = 0;
						for (var i = 0; i < dat.result.length; i ++) {
							var $sch = dat.result[i];
							$bigGrade.options.add(new Option($sch.gradeName, $sch.grade));
							
							$twoGrade.options.add(new Option($sch.gradeName, $sch.grade));
							
							$threeGrade.options.add(new Option($sch.gradeName, $sch.grade));
						}
					}
				}, error : function(err){
					
				}
						
			});
		}
		
		function getClassForId($schId, $grade){
			mui.ajax({
				url : $http_prefix + "/api/school/schoolClassList",
				headers: {
					"Authorization": $headers_authorization
				},
				type : "get",
				dataType : "json",
				timeout : 1000,
				data : {
					schoolId : $schId,
					grade : $grade
				},
				success : function(dat){
					if(dat.code == 0){
						var $bigGrade = document.getElementById("ipt_BabyBigClass");
						//var $twoGrade = document.getElementById("ipt_BabyTwoClass");
						//var $threeGrade = document.getElementById("ipt_BabyThreeClass");
						$bigGrade.options.length = 0;
						//$twoGrade.options.length = 0;
						//$threeGrade.options.length = 0;
						$bigGrade.options.add(new Option("请选择所在班级", "-2"));
						$bigGrade.options.add(new Option("没有班级手动填写", "-1"));
						for (var i = 0; i < dat.result.length; i ++) {
							var $sch = dat.result[i];
							$bigGrade.options.add(new Option($sch.className, $sch.id));
							
							//$twoGrade.options.add(new Option($sch.className, $sch.id));
							
							//$threeGrade.options.add(new Option($sch.className, $sch.id));
						}
					}
				}, error : function(err){
					
				}
						
			});
		}
		
		//选择学校加载年级
		$("#ipt_BabyBigSchool").change(function(eve){
			if(this.value > 0)
			getGradeBySchId(this.value);
		});
		
		//选择年级加载班级
		$("#ipt_BabyBigGrade").change(function(eve){
			getClassForId(document.getElementById("ipt_BabyBigSchool").value, this.value);
		});
		
		//选择班级
		/*$("#ipt_BabyBigClass").change(function(eve){
			if(this.value == "-1"){
				$("#bigBanji").css("display", "");
			} else {
				$("#bigBanji").css("display", "none");
			}
		});*/
		
		$("#ipt_BabyTwoSchool").change(function(eve){
			getGradeBySchId(this.value);
		});
		
		$("#ipt_BabyThreeSchool").change(function(eve){
			getGradeBySchId(this.value);
		});
		
	</script>

	<script>
		var $jz_uid;
		var $bobyName;
		var $bobySex;
		var $bobyBir;
		var $bobySchool;
		var $bobyClass;
		//var $bobyTea;
		var $babyGrade;

		var $fam_info = JSON.parse(localStorage.getItem("login-user-parent"));
		var $news_fam_info;
		window.onload = function(){
			
			getProvinceLst();
			
			//getGradeBySchId($("#ipt_BabyBigSchool").value);
			
			//getGradeBySchId(1);
			
			$jz_uid = $fam_info.userId;
			
			mui.ajax({
				url : $request_url.getUserInfo,
				headers: {
					"Authorization": $headers_authorization
				},
				type : "get",
				dataType : "json",
				data : {
					userId : $jz_uid
				},
				success : function(dat){
					if(dat.code == 0){
						$news_fam_info = dat.result;
						document.getElementById("ipt_famName").value = $news_fam_info.trueName;
						document.getElementById("ipt_famNick").value = $news_fam_info.nickName;
						document.getElementById("ipt_famJob").value = $news_fam_info.profession;
						document.getElementById("ipt_famAge").innerHTML = $news_fam_info.birthday;
						document.getElementById("ipt_famEdu").value = $news_fam_info.eduction;
						document.getElementById("ipt_famIncome").value = $news_fam_info.incomePerYear;
						document.getElementById("sel_famIdentity").value = $news_fam_info.fatherOrMother;
						//$fam_info.children
						if($news_fam_info.children != null && $news_fam_info.children.length > 0){
							var $childNum = $news_fam_info.children.length;
							
							switch ($childNum){
								case 1:
									document.getElementById("bigBabyId").value = $news_fam_info.children[0].id;
									document.getElementById("ipt_BabyBigName").value = $news_fam_info.children[0].trueName;
									document.getElementById("sel_BabyBigSex").value = $news_fam_info.children[0].gender; 
									document.getElementById("btn_BabyBigBir").innerHTML = $news_fam_info.children[0].birthday;
									document.getElementById("ipt_BabyBigSchool").value = $news_fam_info.children[0].school;
									document.getElementById("ipt_BabyBigClass").value = $news_fam_info.children[0].schoolClass;
									//document.getElementById("ipt_BabyBigTea").value = $news_fam_info.children[0].classTeacher;
								break;
								case 2:
									document.getElementById("bigBabyId").value = $news_fam_info.children[0].id;
									document.getElementById("ipt_BabyBigName").value = $news_fam_info.children[0].trueName;
									document.getElementById("sel_BabyBigSex").value = $news_fam_info.children[0].gender; 
									document.getElementById("btn_BabyBigBir").innerHTML = $news_fam_info.children[0].birthday;
									document.getElementById("ipt_BabyBigSchool").value = $news_fam_info.children[0].school;
									document.getElementById("ipt_BabyBigClass").value = $news_fam_info.children[0].schoolClass;
									//document.getElementById("ipt_BabyBigTea").value = $news_fam_info.children[0].classTeacher;
									
									document.getElementById("TwoBabyId").value = $news_fam_info.children[1].id;
									document.getElementById("ipt_BabyTwoName").value = $news_fam_info.children[1].trueName;
									document.getElementById("sel_BabyTwoSex").value = $news_fam_info.children[1].gender; 
									document.getElementById("btn_BabyTwoBir").innerHTML = $news_fam_info.children[1].birthday;
									document.getElementById("ipt_BabyTwoSchool").value = $news_fam_info.children[1].school;
									document.getElementById("ipt_BabyTwoClass").value = $news_fam_info.children[1].schoolClass;
									//document.getElementById("ipt_BabyTwoTea").value = $news_fam_info.children[1].classTeacher;
								break;
								case 3:
									document.getElementById("bigBabyId").value = $news_fam_info.children[0].id;
									document.getElementById("ipt_BabyBigName").value = $news_fam_info.children[0].trueName;
									document.getElementById("sel_BabyBigSex").value = $news_fam_info.children[0].gender; 
									document.getElementById("btn_BabyBigBir").innerHTML = $news_fam_info.children[0].birthday;
									document.getElementById("ipt_BabyBigSchool").value = $news_fam_info.children[0].school;
									document.getElementById("ipt_BabyBigClass").value = $news_fam_info.children[0].schoolClass;
									//document.getElementById("ipt_BabyBigTea").value = $news_fam_info.children[0].classTeacher;
									
									document.getElementById("TwoBabyId").value = $news_fam_info.children[1].id;
									document.getElementById("ipt_BabyTwoName").value = $news_fam_info.children[1].trueName;
									document.getElementById("sel_BabyTwoSex").value = $news_fam_info.children[1].gender; 
									document.getElementById("btn_BabyTwoBir").innerHTML = $news_fam_info.children[1].birthday;
									document.getElementById("ipt_BabyTwoSchool").value = $news_fam_info.children[1].school;
									document.getElementById("ipt_BabyTwoClass").value = $news_fam_info.children[1].schoolClass;
									//document.getElementById("ipt_BabyTwoTea").value = $news_fam_info.children[1].classTeacher;
									
									document.getElementById("threeBodyId").value = $news_fam_info.children[2].id;
									document.getElementById("ipt_BabyThreeName").value = $news_fam_info.children[2].trueName;
									document.getElementById("sel_BabyThreeSex").value = $news_fam_info.children[2].gender; 
									document.getElementById("btn_BabyThreeBir").innerHTML = $news_fam_info.children[2].birthday;
									document.getElementById("ipt_BabyThreeSchool").value = $news_fam_info.children[2].school;
									document.getElementById("ipt_BabyThreeClass").value = $news_fam_info.children[2].schoolClass;
									//document.getElementById("ipt_BabyThreeTea").value = $news_fam_info.children[2].classTeacher;
								break;
							}
						}
					} else {
						$news_fam_info = $fam_info;
					}
				}, error : function(err){
					
				}
			});
			
		}
		
		document.getElementById("btn_saveInfo").addEventListener("tap", function(){
			var $myIdentity = document.getElementById("sel_famIdentity").value;
			var $myName = document.getElementById("ipt_famName").value;
			var $myNickName = document.getElementById("ipt_famNick").value;
			var $myJob = document.getElementById("ipt_famJob").value;
			var $myAge = document.getElementById("ipt_famAge").innerHTML;
			var $myEdu = document.getElementById("ipt_famEdu").value;
			var $myIncome = document.getElementById("ipt_famIncome").value;
			mui.ajax({
				url : $request_url.updateUserInfo,
				headers: {
					"Authorization": $headers_authorization
				},
				type : "post",
				dataType : "json",
				data : {
					userId : $jz_uid,
					trueName : $myName,
					nickName : $myNickName,
					incomePerYear : $myIncome,
					eduction : $myEdu,
					birthday : $myAge,
					profession : $myJob,
					fatherOrMother : $myIdentity
				},
				success : function(dat){
					if(dat.code == 0){
						mui.toast("个人信息更新成功!");
					}
				}, error : function(err){
					
				}
			});
			
		});
		
		document.getElementById("btn_saveBigBaby").addEventListener("tap", function(){
			$bobyName = document.getElementById("ipt_BabyBigName").value;
			$bobySex = document.getElementById("sel_BabyBigSex").value;
			$bobyBir = document.getElementById("btn_BabyBigBir").innerHTML;
			$bobySchool = document.getElementById("ipt_BabyBigSchool").value;
			$bobyClass = document.getElementById("ipt_BabyBigClass").value;
			//$bobyTea = document.getElementById("ipt_BabyBigTea").value;
			$babyGrade = document.getElementById("ipt_BabyBigGrade").value;
			var $bigBabyId = document.getElementById("bigBabyId").value;
			if($bigBabyId != null && $bigBabyId != ""){
				mui.ajax({
					url : $request_url.updateChildInfo,
					headers: {
						"Authorization": $headers_authorization
					},
					type : "post",
					dataType : "json",
					data : {
						childid : $bigBabyId,
						trueName : $bobyName,
						gender : $bobySex,
						schoolClass : $bobyClass,
						school : $bobySchool,
						birthday : $bobyBir,
						//classTeacher : $bobyTea,
						grade : $babyGrade
					},
					success : function(dat){
						if(dat.code == 0){
							mui.toast("宝宝信息更新成功!");
						}
					}, error : function(err){
						
					}
				});
			} else {
				mui.ajax({
					url : $request_url.addChildInfo,
					headers: {
						"Authorization": $headers_authorization
					},
					type : "post",
					dataType : "json",
					data : {
						userId : $jz_uid,
						trueName : $bobyName,
						gender : $bobySex,
						schoolClass : $bobyClass,
						school : $bobySchool,
						birthday : $bobyBir,
						//classTeacher : $bobyTea,
						grade : $babyGrade
					},
					success : function(dat){
						if(dat.code == 0){
							mui.toast("宝宝信息添加成功!");
							document.getElementById("bigBabyId").value = dat.result;
						}
					}, error : function(err){
						
					}
				});
			}
		});
		
		document.getElementById("btn_saveTwoBaby").addEventListener("tap", function(){
			$bobyName = document.getElementById("ipt_BabyTwoName").value;
			$bobySex = document.getElementById("sel_BabyTwoSex").value;
			$bobyBir = document.getElementById("btn_BabyTwoBir").innerHTML;
			$bobySchool = document.getElementById("ipt_BabyTwoSchool").value;
			$bobyClass = document.getElementById("ipt_BabyTwoClass").value;
			//$bobyTea = document.getElementById("ipt_BabyTwoTea").value;
			$babyGrade = document.getElementById("ipt_BabyTwoGrade").value;
			var $twoBabyId = document.getElementById("TwoBabyId").value;
			if($twoBabyId != null && $twoBabyId != ""){
				mui.ajax({
					url : $request_url.updateChildInfo,
					headers: {
						"Authorization": $headers_authorization
					},
					type : "post",
					dataType : "json",
					data : {
						childid : $twoBabyId,
						trueName : $bobyName,
						gender : $bobySex,
						schoolClass : $bobyClass,
						school : $bobySchool,
						birthday : $bobyBir,
						//classTeacher : $bobyTea,
						grade : $babyGrade
					},
					success : function(dat){
						if(dat.code == 0){
							mui.toast("宝宝信息更新成功!");
						}
					}, error : function(err){
						
					}
				});
			} else {
				mui.ajax({
					url : $request_url.addChildInfo,
					headers: {
						"Authorization": $headers_authorization
					},
					type : "post",
					dataType : "json",
					data : {
						userId : $jz_uid,
						trueName : $bobyName,
						gender : $bobySex,
						schoolClass : $bobyClass,
						school : $bobySchool,
						birthday : $bobyBir,
						//classTeacher : $bobyTea,
						grade : $babyGrade
					},
					success : function(dat){
						if(dat.code == 0){
							mui.toast("宝宝信息添加成功!");
							document.getElementById("TwoBabyId").value = dat.result;
						}
					}, error : function(err){
						
					}
				});
			}
		});
		
		document.getElementById("btn_saveThreeBaby").addEventListener("tap", function(){
			$bobyName = document.getElementById("ipt_BabyThreeName").value;
			$bobySex = document.getElementById("sel_BabyThreeSex").value;
			$bobyBir = document.getElementById("btn_BabyThreeBir").innerHTML;
			$bobySchool = document.getElementById("ipt_BabyThreeSchool").value;
			$bobyClass = document.getElementById("ipt_BabyThreeClass").value;
			//$bobyTea = document.getElementById("ipt_BabyThreeTea").value;
			$babyGrade = document.getElementById("ipt_BabyThreeGrade").value;
			var $threeBodyId = document.getElementById("threeBodyId").value;
			if($threeBodyId != null && $threeBodyId != ""){
				mui.ajax({
					url : $request_url.updateChildInfo,
					headers: {
						"Authorization": $headers_authorization
					},
					type : "post",
					dataType : "json",
					data : {
						childid : $threeBodyId,
						trueName : $bobyName,
						gender : $bobySex,
						schoolClass : $bobyClass,
						school : $bobySchool,
						birthday : $bobyBir,
						//classTeacher : $bobyTea,
						grade : $babyGrade
					},
					success : function(dat){
						if(dat.code == 0){
							mui.toast("宝宝信息更新成功!");
						}
					}, error : function(err){
						
					}
				});
			} else {
				mui.ajax({
					url : $request_url.addChildInfo,
					headers: {
						"Authorization": $headers_authorization
					},
					type : "post",
					dataType : "json",
					data : {
						userId : $jz_uid,
						trueName : $bobyName,
						gender : $bobySex,
						schoolClass : $bobyClass,
						school : $bobySchool,
						birthday : $bobyBir,
						//classTeacher : $bobyTea,
						grade : $babyGrade
					},
					success : function(dat){
						if(dat.code == 0){
							mui.toast("宝宝信息添加成功!");
							document.getElementById("threeBodyId").value = dat.result;
						}
					}, error : function(err){
						
					}
				});
			}
		});
		
	</script>
</html>